import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  build:{
    outDir: './build',
    rollupOptions:{
      input:'./index.html'
    }
  },
  plugins: [vue()],
  server: {
    port: 3030,
     // 是否自动打开浏览器(默认false)
     open: true,
     // 是否开启 https
     // https: false,
     // 服务端渲染
     // ssr: false,
     // 引入第三方的配置
     // optimizeDeps: {
     //     include: ["moment", "echarts", "axios", "mockjs"]
     // },
     // 生产环境路径，类似webpack的assetsPath
     base: './',
     // 别名配置
    //  alias: {
    //      // 键必须以斜线开始和结束
    //      '/@/': path.resolve(__dirname, './src')
    //  },
     // 代理配置
    proxy: {
      // string shorthand
      '/foo': 'http://localhost:4567',
      // with options
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
      // with RegEx
      '^/fallback/.*': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/fallback/, '')
      },
      // Using the proxy instance
      // '/api': {
      //   target: 'http://jsonplaceholder.typicode.com',
      //   changeOrigin: true,
      //   configure: (proxy, options) => {
      //     // proxy will be an instance of 'http-proxy'
      //   }
      // },
      // Proxying websockets or socket.io
      '/socket.io': {
        target: 'ws://localhost:5173',
        ws: true
      }
    }
  },
  preview: {
    port: 8080
  }
})